<template>
	<header>
		<h1>
			<img src="@/assets/imgs/logo.png" alt="">
		</h1>
		<div class="search" @click="goSearch">
			<i class="iconfont icon-fangdajing"></i>
			<span>搜您喜欢的</span>
		</div>
		<div class="kefu">
			<i class="iconfont icon-kefu"></i>
		</div>
	</header>
</template>

<script>
	export default{
		methods:{
			goSearch(){
				this.$router.push('/search')
			}
		}
	}
</script>

<style scoped>
	header{
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		height: 1.6rem;
		background-color: #b0352f;
	}
	header h1{
		margin:0 0.133333rem;
		width: 2.553333rem;
		height: 1.333333rem;
	}
	header h1 img{
		width: 100%;
		height: 100%;
		padding-bottom: 0.4rem;
	}
	.search{
		display: flex;
		align-items: center;
		width: 6.06rem;
		height: 0.8rem;
		background-color: #fff;
		border-radius: 12px;
	}
	.search i{
		padding:0 0.16rem;
		color: #ccc;
	}
	.search span{
		font-size: 0.373333rem;
		color: #ccc;
	}
	.kefu i{
		margin: 0 0.133333rem;
		font-size: 0.64rem;
		color: #fff
	}
</style>